.w {
    width: 1300px;
    height: 100px;
    margin: 50px auto 0px;
    /* background-color: pink; */
}
.fl {
    float: left;
} 
.fr {
    float: right;
}

.w .logo {
    width: 200px;
    height: 100px;
    
}
.w .logo img {
    width: 100%;
    height: 100%;
}
.w .serch {
    width: 589px;
    height: 38px;
    margin-top: 31px;
    margin-left:85px;
    border: 2px solid red;
    box-sizing: border-box;
}
.w .serch input {
    width: 495px;
    height: 32px;
    margin-top: 2px;
    padding-left: 5px;
     
}   
.w .serch  button {
    width: 92px;
    height: 36px;
    background-color: red;
    line-height: 36px;
    margin: -1px;
    color: #fff;
     
}
.w .serch button :hover{
    cursor: pointer;

}
.w .user {
    width: 380px;
    height: 60px;
    margin-top: 20px;
    margin-left: 40px;
    float: right;
}
.w .user  span a{
    display: inline-block;
    /* width: 70px; */
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    margin-right: 5px;
}
.w .user span a:hover {
    cursor: pointer;
}
/* 鐎佃壈鍩呴弽锟� */
.nav {
    width: 100%;
    height: 44px;
    background-color: #f65;
    margin-top: 10px ;
}
.nav .nav_auto{
    width: 1200px;
    margin: 0 auto;
}
.nav .nav_auto ul li{
    float: left;
}
.nav .nav_auto ul li a {
    display: inline-block;
    width: 90px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color:#fff;
}
.nav .nav_auto ul li a:hover{
    background-color: #e35342;
}
/* 鏉烆喗鎸遍崶锟� */
.focus {
    /* width: 1190px; */
    width: 100%;
    height: 380px;
    background-color: #fff;
    position: relative;
    overflow: hidden ;
    /* margin-left: 164.6px; */
}
.focus ul { 
    width: 300vw;
    top: 0;
    left: 0;
    position: absolute;
}
.focus ul li {
    float: left;
    width:99vw;
}
.focus ul li img {
    width: 100%;
}
.circle {
    position: absolute;
    bottom: 15px;
    left: 100px;
}
.circle li {
    float: left;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    margin: 0 3px;
    border-radius: 50%;
    cursor: pointer;
}
.current {
    background-color: #fff;
}
/* 濡ょ厧鐪� */
.floor {
    width: 1200px;
    margin: 0 auto;
    /* background-color: pink;  */
}
.floor a{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.dogs:hover {
    z-index: 1;
    box-shadow: 5px 5px 10px 1px #888888;
    transition: .4s;
}
.dog_hd {
    width: 1200px;
    height: 80px;
    line-height: 80px;
}
.dog_hd h1{
    color: rgb(211, 12, 12);
    font-size: 30px;
    font-weight: 800;
    margin-left: 5px;
    margin-bottom: 10px;
    vertical-align: top;
     display: inline-block;
}
.floor .dog_hd img{
    margin-left: 90px;
    width: 50px;
    height: 46px;
     
}
.dog_bd {
    width: 1200px;
    
}
.dog_bd .dogs{
    width: 280px;
    height: 418px;
    margin-left: 90px;
    margin-bottom: 50px;
    border-radius: 20px;
    position: relative;
}
.floor img {
    width: 100%;
    height:300px ;
    border-radius: 20px;
}
.floor p,i{
    color: black;
    font-size: 14px;
    padding-left: 5px;
    font-weight: 540;
}
.floor i {
    position: absolute;
    bottom: 50px;
    left: 0;

}
.floor span{
    display: inline-block;
    width: 100px;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    border: 1px solid red;
    background-color: #ee5533;
    color: #fff;
    border-radius: 10px;
    margin-right: 5px;
    margin-bottom: 3px;
    position: absolute;
    right: 0;
    bottom: 10px;
}   
.floor span:hover {
    cursor: pointer;
    background-color: #c73717;
}
/* 鎼存洟鍎� */
.footer {
	width: 100%;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
    margin-top: 40px;
}
/* 娓氀嗙珶閺嶏拷 */
 .rightside {
    position: fixed;
    right: 20px;
    bottom: 10px; 
    width: 48px;
    display: none;
} 

.rightside a {
    display: block;
    height: 48px;
    width: 48px;
    /* background: url(/img/btn.png) no-repeat; */
     /* background-color: black;  */
    margin-top: 1px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
}
.right{
    display: block;
    height: 48px;
    width: 48px;
    /* background: url(/img/btn.png) no-repeat; */
     /* background-color: black;  */
    margin-top: 1px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
}
.right img {
    width: 100%;
    height: 100%;
}

.rightside a img {
    width: 100%;
    height: 100%;
}

/* 濞ｈ濮炵拹顓犲⒖鏉烇拷 */
.add {
    /* display: none; */
    position: fixed;
    z-index: 101;
    left: 50%;
    top: 50%;
    margin-left: -352px;
    transform: translateY(-50%);
    width: 623px;
    background-color: #fff;
}
.add h1{
    font-size: 14px;
    background-color: red;
    margin-top: -10px;
    height: 20px;
}
.add h1 a{
    position: absolute;
    right: 5px;
    top: 2px;
    width: 24px;
    height: 24px;
    background-position: -10px -122px;
}
.add .add_a{
    text-align: center;
    margin-top: 36px;
    margin-bottom: 30px;
}
.add .add_a p {
    margin-top: 10px;
}
.add .add_a a{
    font-size: 14px;
    color: orange;
    /* text-decoration: underline; */
}
.add .add_b{
    position: absolute;
    bottom: 12px;
    right: 12px;
    font-size: 12px;
    color: #999999;
}
/* 缂冣晛鐡� */
.mask,.mask1 {
    /* display: none; */
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #000;
    z-index: 31;
    opacity: .2;
}
.container {
	position: relative;
}
.settle {
	position: fixed;
	z-index: 101;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	/* transform: translateY(-50%); */
	margin-top: -250px;
	width: 1000px;
	height: 500px;
	background-color: #fff;
}
.settle h1{
	font-size: 18px;
	background-color: rgb(247, 185, 185);
	margin-top: -10px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-weight: 800;
	padding-left: 20px;
}
.settle button{
	width: 80px;
	height: 80px;
	/* background-color: pink; */
	font-size: 18px;
	font-weight: 600;
	line-height: 80px;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.settle button:hover {
	font-weight: 800;
	font-size: 24px;
}
.settle span{
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	bottom: 35px;
	right: 120px;
}
#del {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
